<template>
  <svg
    t="1753864249125"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="16980"
    :width="size"
    :height="size"
  >
    <path
      d="M1023.6 1023.6c-74.8 0.3-393.8-0.4-477.7-0.4C209.1 1023.2 0.7 792.5 0.7 510.8S229.5 0.8 511.8 0.8s511.1 228.3 511.1 510c0 96.2-35.6 208.4-89.2 293.6-78.8 138.8 85.3 114.8 89.9 219.2zM292.7 438.8c-40.3 0-73 32.7-73 73 0 40.4 32.7 73 73 73s73-32.6 73-73c0-40.3-32.7-73-73-73z m219.1 0c-40.3 0-73 32.7-73 73 0 40.4 32.7 73 73 73s73-32.6 73-73c0-40.3-32.7-73-73-73z m219 0c-40.3 0-73 32.7-73 73 0 40.4 32.7 73 73 73s73-32.6 73-73c0-40.3-32.7-73-73-73z"
      p-id="16981"
      :fill="color"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "CommentRightIcon",
    props: {
      size: {
        type: [Number, String],
        default: 24,
      },
      color: {
        type: String,
        default: "#ffffff",
      },
    },
  };
</script>

<style scoped>
  .icon {
    display: inline-block;
    padding-top: 4px;
  }
</style>
